$(function () {
    var key = decodeURI(location.search.split("=")[1])
    console.log(key);
    $(".search_input").val(key)

    var obj = {
        proName: key,
        page: 1,
        pageSize: 100
    }
    //根据关键字 去后台查找对应商品，并渲染到页面
    // ajax + 模板引擎 
    function render() {
        $.ajax({
            type: 'get',
            url: '/product/queryProduct',
            data: obj,
            beforeSend: function () {
                $(".lt_product").html('<div class="loading"></div>')
            },
            dataType: 'json',
            success: function (res) {
                setTimeout(function () {
                    $(".lt_product").html(template("tmp", res))
                }, 800)

            }
        })
    }
    render()
    //再点击搜索按钮时重新搜索
    $('.search_btn').on("click", function () {
        // 在点击搜索按钮，重新搜索新商品 
        //   1- 关键字非空校验 
        //   2- 添加
        //   3- 长度校验 
        //   4- 去重 
        //   5- 根据新关键字去查找商品，渲染 

        var txt = $(".search_input").val()
        if (txt.trim().length == 0) {
            mui.toast("请输入关键字")
            return
        }
        var arr = JSON.parse(localStorage.getItem("search-list")) || []
        var index = arr.indexOf(txt)
        if (index != -1) {
            arr.splice(index, 1)
        }
        arr.unshift(txt)
        if (arr.length > 6) {
            arr.pop()
        }
        obj.proName = txt;
        render()
        localStorage.setItem("search-list", JSON.stringify(arr))
    })

})